.container {
  position       : fixed;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, .92);
  display        : flex;
  align-items    : center;
  justify-content: center;

  .centered {
    text-align: center;
    width     : 1120px;
    height    : 700px;

    .title {
      font-weight   : 600;
      color         : #fff;
      font-size     : 56px;
      letter-spacing: .11em;

    }

    .subTitle {
      font-weight   : 400;
      font-size     : 16px;
      line-height   : 145%;
      letter-spacing: .05em;
      color         : #fff;
      margin-bottom : 44px;
    }

    .choiceRow {
      flex-direction: row;
      box-sizing    : border-box;
      display       : flex;
      place-content : center;
      align-items   : center;


      .patternHolder {
        flex-direction: column;
        box-sizing    : border-box;
        display       : flex;
        place-content : center space-between;
        align-items   : center;
        margin-right  : 34px;

        &.nonChosen {
          opacity: 0.5;
        }

        .resultText {
          font-size     : 38px;
          letter-spacing: .175em;
          font-weight   : 600;
          color         : #fff;
          height: 60px;

          // display       : none;
          &.right {
            color: #27e27d;
          }

          &.wrong {
            color: #de1149;
          }
        }

        .imgWrp {
          margin-bottom : 32px;
          flex-direction: column;
          box-sizing    : border-box;
          display       : flex;
          place-content : center;
          align-items   : center;
          min-height    : 285px;
          min-width     : 286px;
          cursor        : pointer;
          transition    : transform .24s ease;
          z-index       : 99;

          &:hover {
            transform: scale(1.2);
          }

          img {
            transition: opacity .24s ease;
          }
        }
      }
    }

    .btnPlayAgain{
      display: table;
      margin: 44px auto 0;
      background: #f9b857;
      padding: 12px 24px;
      border-radius: 4px;
      border: 2px solid #ffe4bc;
      color: #fff;
      box-sizing: border-box;
      font-weight: 600;
      width: 200px;
      display: none;
      cursor: pointer;
      &.finished {
        display: block;
      }
    }
  }

}